<template>
  <div class="time-box">
    <div class="time-tit">
      即将开售
    </div>
    <div class="time cenLeft">
      <flipDown />
      <!-- <div class="time-num cenCen">
        {{ time.daysTenPlace }}
      </div>
      <div class="time-num cenCen">
        {{ time.daysBit }}
      </div>
      <div class="time-uint">
        天
      </div>
      <div class="time-num cenCen">
        {{ time.hoursTenPlace }}
      </div>
      <div class="time-num cenCen">
        {{ time.hoursBit }}
      </div>
      <div class="time-uint">
        时
      </div>
      <div class="time-num cenCen">
        {{ time.minutesTenPlace }}
      </div>
      <div class="time-num cenCen">
        {{ time.minutesBit }}
      </div>
      <div class="time-uint">
        分
      </div> -->
    </div>
  </div>
</template>
<script>
import flipDown from "./flipDown";
export default {
  components: {
    flipDown
  },
  data() {
    return {
      // time: {
      //   daysTenPlace: "", //天十位
      //   daysBit: "", //天个位
      //   hoursTenPlace: "", //小时十位
      //   hoursBit: "", //小时个位
      //   minutesTenPlace: "", //分钟十位
      //   minutesBit: "" //分钟个位
      // }
    };
  },
  created() {
    // let nowDate = this.$store.state.buyTicket.createDate;
    // let endDate = this.$store.state.buyTicket.startSaleDate;
    // this.timeDown(nowDate, endDate);
  },
  methods: {
    // 倒计时
    // timeDown(nowDate, endDate) {
    //   if (!nowDate || !endDate) {
    //     return;
    //   }
    //   //相差的总秒数
    //   let totalSeconds = parseInt((endDate - nowDate) / 1000);
    //   //天数
    //   let days = Math.floor(totalSeconds / (60 * 60 * 24));
    //   //取模（余数）
    //   let modulo = totalSeconds % (60 * 60 * 24);
    //   //小时数
    //   let hours = Math.floor(modulo / (60 * 60));
    //   modulo = modulo % (60 * 60);
    //   //分钟
    //   let minutes = Math.floor(modulo / 60);
    //   //秒
    //   let seconds = modulo % 60;
    //   let value =
    //     "还剩:" +
    //     days +
    //     "天" +
    //     hours +
    //     "小时" +
    //     minutes +
    //     "分钟" +
    //     seconds +
    //     "秒";
    //   console.log(value); // 还剩:6天0小时59分钟25秒
    //   // 把时间显示到页面
    //   // 天数的
    //   if (days >= 100) {
    //     return;
    //   }
    //   if (days > 9) {
    //     // 如果大于等于10天
    //     this.time.daysTenPlace = days.toString().substring(0, 1);
    //     this.time.daysBit = days.toString().substring(1, 2);
    //   } else {
    //     // 如果小于10天
    //     this.time.daysTenPlace = 0;
    //     this.time.daysBit = days;
    //   }
    //   // 小时的
    //   if (hours > 9) {
    //     // 如果大于等于10小时的
    //     this.time.hoursTenPlace = hours.toString().substring(0, 1);
    //     this.time.hoursBit = hours.toString().substring(1, 2);
    //   } else {
    //     // 如果小于10个小时
    //     this.time.hoursTenPlace = 0;
    //     this.time.hoursBit = hours;
    //   }
    //   // 分钟的
    //   if (minutes > 9) {
    //     // 如果大于等于10分钟的
    //     this.time.minutesTenPlace = minutes.toString().substring(0, 1);
    //     this.time.minutesBit = minutes.toString().substring(1, 2);
    //   } else {
    //     // 如果小于10分钟的
    //     this.time.minutesTenPlace = 0;
    //     this.time.minutesBit = minutes + 1;
    //     if (days === 0 && hours === 0 && minutes === 0 && seconds === 0) {
    //       this.time.daysTenPlace = 0;
    //       this.time.daysBit = 0;
    //       this.time.hoursTenPlace = 0;
    //       this.time.hoursBit = 0;
    //       this.time.minutesTenPlace = 0;
    //       this.time.minutesBit = 0;
    //       // 倒计时结束后⾃自动刷新⻚页⾯面
    //       this.$store.state.buyTicket.noSale = true;
    //       this.$store.state.buyTicket.ifShowTimeDown = false;
    //       location.reload(); //刷新页面
    //     }
    //   }
    //   //延迟一秒执行自己
    //   setTimeout(() => {
    //     nowDate = Number(nowDate) + 1000;
    //     //结束时间
    //     if (endDate >= nowDate) {
    //       this.timeDown(nowDate, endDate);
    //     }
    //   }, 1000);
    // }
  }
};
</script>

<style scoped>
.time-box {
  width: auto;
  height: auto;
  padding-left: 10px;
}
.time-tit {
  width: auto;
  height: auto;
  opacity: 0.8;
  /* font-family: PingFangSC-Regular; */
  color: #ebecec;
  text-align: left;
  font-size: 20px;
}
.time {
  width: auto;
  height: auto;
  min-width: 60%;
}
.time-num {
  width: 44px;
  height: 48px;
  background-image: linear-gradient(-180deg, #2e3234 3%, #171a1c 100%);
  border-radius: 2px;
  /* font-family: PingFangSC-Regular; */
  font-size: 32px;
  color: #ffffff;
  margin-right: 5px;
}
.time-uint {
  /* font-family: PingFangSC-Regular; */
  color: #9b9ea0;
  margin-right: 5px;
  padding-top: 30px;
  font-size: 18px;
}
</style>

